import { Component } from '@angular/core';
import { NzCardModule } from 'ng-zorro-antd/card';
import { NzSpaceModule } from 'ng-zorro-antd/space';

@Component({
  selector: 'app-space-vertical',
  standalone: true,
  imports: [NzCardModule, NzSpaceModule],
  template: `
    <div class="demo">
      <nz-space nzDirection="vertical">
        <nz-card nzTitle="Card" *nzSpaceItem>
          <p>Card content</p>
          <p>Card content</p>
        </nz-card>
        <nz-card nzTitle="Card" *nzSpaceItem>
          <p>Card content</p>
          <p>Card content</p>
        </nz-card>
      </nz-space>
    </div>
  `,
  styles: ``,
})
export class SpaceVerticalComponent {}
